<template>
	<view>
		<view
			class="titleBox"
			style="	height: 128rpx;
		display: flex;
		line-height: 128rpx;
		font-size: 24rpx;
		position: relative;
		.titleReturn{
			position: absolute;
			left: 18rpx;"
		>
			<view class="titleReturn">
				<uni-icons custom-prefix="iconfont" type="icon-xiangzuojiantou" style="font-size: 35rpx; margin-left: 10rpx" size="10"></uni-icons>
				返回
			</view>
			<view class="titleText" style="position: absolute; left: 50%; transform: translateX(-50%)">资讯</view>
		</view>

		<view class="ss">
			<view class="left">
				<input style="margin-top: 25rpx; font-size: 32rpx" type="text" placeholder="搜索关键字" />
			</view>
			<view class="right">
				<uni-icons custom-prefix="iconfont" type="icon-sousuo" style="font-size: 50rpx; color: darkgrey" size="18"></uni-icons>
			</view>
		</view>
		<view class="item">
			<view class="item_left">
				<p>关于调整我行ATM跨行取现手续费收费标准的公示</p>
				<span>2021-07-23</span>
			</view>
			<view class="item_right">
				<image src="/static/image/zixun1.png" mode=""></image>
			</view>
		</view>

		<view class="item" style="margin-top: 50rpx">
			<view class="item_left">
				<p>施辉:从固定成本率比较你家公司能挣钱吗?</p>
				<span>2021-11-01</span>
			</view>
			<view class="item_right">
				<image src="/static/image/zixun2.png" mode=""></image>
			</view>
		</view>

		<view class="item" style="margin-top: 50rpx">
			<view class="item_left">
				<p>陈歆磊:从公牛电器被罚探讨转售价格限制</p>
				<span>2021-11-01</span>
			</view>
			<view class="item_right">
				<image src="/static/image/zixun3.png" mode=""></image>
			</view>
		</view>

		<view class="item" style="margin-top: 50rpx">
			<view class="item_left">
				<p>关于调整我行ATM跨行取现手续费收费标准的公示</p>
				<span>2021-07-23</span>
			</view>
			<view class="item_right">
				<image src="/static/image/zixun1.png" mode=""></image>
			</view>
		</view>

		<view class="item" style="margin-top: 50rpx">
			<view class="item_left">
				<p>施辉:从固定成本率比较你家公司能挣钱吗?</p>
				<span>2021-11-01</span>
			</view>
			<view class="item_right">
				<image src="/static/image/zixun2.png" mode=""></image>
			</view>
		</view>

		<view class="item" style="margin-top: 50rpx">
			<view class="item_left">
				<p>陈歆磊:从公牛电器被罚探讨转售价格限制</p>
				<span>2021-11-01</span>
			</view>
			<view class="item_right">
				<image src="/static/image/zixun3.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="less">
.ss {
	width: 90%;
	height: 100rpx;
	background-color: #f4f6f5;
	border-radius: 50rpx;
	margin: 0 auto;
	display: flex;
	margin-top: 20rpx;
	justify-content: space-between;
	.left {
		width: 500rpx;
		height: 100%;
		// background-color: antiquewhite;
		line-height: 100rpx;
		text-indent: 1em;
	}
	.right {
		width: 70rpx;
		height: 50%;
		// background-color: aqua;
		margin-top: 30rpx;
	}
}
.item {
	width: 90%;
	height: 180rpx;
	margin: 0 auto;
	margin-top: 70rpx;
	display: flex;
	.item_left {
		width: 60%;
		height: 100%;
		p {
			font-size: 28rpx;
		}
		span {
			font-size: 20rpx;
			color: #787878;
			display: inline-block;
			margin-top: 60rpx;
		}
	}
	.item_right {
		width: 40%;
		height: 100%;
		// background-color: #787878;
		display: flex;
		justify-content: end;
		image {
			width: 250rpx;
			height: 150rpx;

			margin-left: 20rpx;
			border-radius: 10rpx;
		}
	}
}
</style>
